<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:view locale="#{bundle.locale}">
    <body>
        <f:loadBundle basename="resources.lang" var="msg" />
        <ui:composition template="./Base.xhtml">

            <ui:define name="content">
                <div id="TwoContainers" class="container-fluid">
                    <div class="row-fluid">
                        <ui:include src="Menu.xhtml" />
                        <div id="bodyContent" class="span10">
                        <!--Body content-->
                        <h1><h:outputText value="#{msg.LabelMenuCard}"></h:outputText></h1>
                        <h:graphicImage id="imgPromo" value="resources/img/CarteCadeaux.jpg"></h:graphicImage>
                        <br/><br/>
                        <table id="listeCarte" class="table table-striped">
                                <thead>
                                    <tr>
                                      <th><h:outputText value="#{msg.TabColonneType}"></h:outputText></th>
                                      <th><h:outputText value="#{msg.TabColonneValeur}"></h:outputText></th>
                                      <th><h:outputText value="#{msg.ColonneExemplaire}"></h:outputText></th>
                                      <th>+</th>
                                    </tr>
                                </thead>
                                <tr>                                 
                                    <td>Carte 15</td>
                                    <td>15€</td>
                                    <td>
                                        <select class="span5">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>
                                    </td>
                                    <td class="AjoutPanier" title="Ajouter au panier" onclick="AddToCart()"><i class="icon-shopping-cart"></i></td>
                                </tr>
                                <tr>
                                   <td>Carte 30</td>
                                    <td>30€</td>
                                    <td>
                                        <select class="span5">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>
                                    </td>
                                    <td class="AjoutPanier" title="Ajouter au panier" onclick="AddToCart()"><i class="icon-shopping-cart"></i></td>
                                </tr>
                                <tr>
                                    <td>Carte 50</td>
                                    <td>50€</td>
                                    <td>
                                        <select class="span5">
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>
                                    </td>
                                    <td class="AjoutPanier" title="Ajouter au panier" onclick="AddToCart()"><i class="icon-shopping-cart"></i></td>
                                </tr>
                            </table>
                            <br/><br/>                       
                      </div>
                    </div>
                </div>
                <br/><br/>

            </ui:define>

        </ui:composition>

    </body>
    </f:view>
</html>
